﻿@model SnongPhoneShop.Models.SanPham
@{
    ViewBag.Title = "Điện thoại " + Model.TenSanPham;
    Layout = "~/Views/Shared/_LayoutMetroUI.cshtml";
    ViewBag.CurrPage = "Chi tiết điện thoại";
}
<div class="group-tiles">
    <span class="group-name">@Model.TenSanPham</span>
    <div class="product-view-tiles tiles">
        <img src="@Model.AnhDaiDien" class="img-product-detail" />
        <ul>
            <li>Giá tiền: @Model.DonGia.ToString("n0") VNĐ</li>
            <li>Ghi chú: @Model.GhiChu</li>
            <li>Hãng sản xuất: @Model.DanhMucSanPham.TenDanhMuc</li>
            <li>Tình trạng: @if (Model.TinhTrang != null) { @Model.TinhTrang.TenTinhTrang }</li>
            <li>Màu sắc: @Model.MauSac</li>
            <li>Quà tặng: @Model.QuaTang</li>
            <li>Phụ kiện kèm máy: @Model.PhuKienKemTheo</li>
            <li>Bảo hành: @Model.BaoHanh</li>
        </ul>
        <div class="product-view-tiles tiles-hover">                        
            <a href="@Url.Action("Dat_Hang", new { ID = Model.MaSanPham.Trim() })"><img class="add-cart-view" src="/Images/ImgPage/Very-Basic-Plus-icon.png" title="Thêm giỏ hàng" /></a>
            <a href="#" onclick="ShowPopup();return false;"><img class="compare-product-view" src="/Images/ImgPage/vs-icon.png" title="So sánh" /></a>
        </div>
    </div>              
</div>
<div class="group-tiles">
    <span class="group-name">Thông tin chi tiết</span>
    <div class="detail-info-tiles tiles scroll-enable">                    
        <table border="1" style="border-collapse:collapse" class="table-info">
            <!--Thông tin cơ bản-->
            <tr>
                <th rowspan="5" class="th-group">Thông tin cơ bản</th>
            </tr>
            <tr>
                <td class="td-label">Tính năng nổi bật</td>
                <td>@Model.TinhNangNoiBat</td>
            </tr>
            <tr>
                <td class="td-label">Trạng thái phát hành</td>
                <td>@if (Model.MaTrangThaiPhatHanh != null)
                    {
                        @Model.TrangThaiPhatHanh.TenTrangThai
                    }
                </td>
            </tr>
            <tr>
                <td class="td-label">Ngày phát hành</td>
                <td>@Model.NgayPhatHanh</td>
            </tr>
            <tr>
                <td class="td-label">Băng tần hỗ trợ</td>
                <td>@Model.BangTan</td>
            </tr>
            <!--Kích thước và khối lượng-->
            <tr>
                <th rowspan="5" class="th-group">Kích thước và khối lượng</th>
            </tr>
            <tr>
                <td class="td-label">Chiều dài (mm)</td>
                <td>@Model.ChieuDai</td>
            </tr>
            <tr>
                <td class="td-label">Chiều rộng (mm)</td>
                <td>@Model.ChieuRong</td>
            </tr>
            <tr>
                <td class="td-label">Chiều cao (mm)</td>
                <td>@Model.ChieuCao</td>
            </tr>
            <tr>
                <td class="td-label">Khối lượng (g)</td>
                <td>@Model.TrongLuong</td>
            </tr>
            <!--Màn hình và hiển thị-->
            <tr>
                <th rowspan="6" class="th-group">Màn hình và hiển thị</th>
            </tr>
            <tr>
                <td class="td-label">Kiểu màn hình</td>
                <td>@if (Model.MaKieuManHinh != null)
                    {
                        @Model.KieuManHinh.TenKieuManHinh
                    }
                </td>
            </tr>
            <tr>
                <td class="td-label">Kích thước màn hình</td>
                <td>@Model.KichThuocManHinh</td>
            </tr>
            <tr>
                <td class="td-label">Độ phân giải màn hình</td>
                <td>@Model.DoPhanGiai</td>
            </tr>
            <tr>
                <td class="td-label">Cảm ứng</td>
                <td>@if (Model.MaCamUng != null)
                    {
                        @Model.CamUng.TenCamUng
                    }
                </td>
            </tr>
            <tr>
                <td class="td-label">Tính năng khác</td>
                <td>@Model.TinhNangKhac</td>
            </tr>
            <!--Nhạc chuông-->
            <tr>
                <th rowspan="4" class="th-group">Nhạc chuông</th>
            </tr>
            <tr>
                <td class="td-label">Báo cuộc gọi, tin nhắn</td>
                <td>@Model.AmBao</td>
            </tr>
            <tr>
                <td class="td-label">Jack cắm audio</td>
                @if (Model.JackAudio == true)
                {
                    <td>Có</td>
                }
                else
                { 
                    <td>Không</td>
                }
            </tr>
            <tr>
                <td class="td-label">Loa ngoài</td>
                @if (Model.LoaNgoai == true)
                {
                    <td>Có</td>
                }
                else
                { 
                    <td>Không</td>
                }
            </tr>
            <!--Lưu trữ và bộ nhớ-->
            <tr>
                <th rowspan="4" class="th-group">Lưu trữ và bộ nhớ</th>
            </tr>
            <tr>
                <td class="td-label">Danh bạ có thể lưu trữ</td>
                <td>@Model.DanhBaLuuTru</td>
            </tr>
            <tr>
                <td class="td-label">Bộ nhớ trong</td>
                <td>@Model.BoNhoTrong</td>
            </tr>
            <tr>
                <td class="td-label">Hỗ trợ thẻ nhớ</td>
                <td>@Model.HoTroTheNho</td>
            </tr>
            <!--Dữ liệu & kết nối-->
            <tr>
                <th rowspan="10" class="th-group">Dữ liệu & kết nối</th>
            </tr>
            <tr>
                <td class="td-label">Mạng GPRS</td>
                @if (Model.GPRS == true)
                {
                    <td>Có</td>
                }
                else
                { 
                    <td>Không</td>
                }
            </tr>
            <tr>
                <td class="td-label">Mạng EDGE</td>
                @if (Model.EDGE == true)
                {
                    <td>Có</td>
                }
                else
                { 
                    <td>Không</td>
                }
            </tr>
            <tr>
                <td class="td-label">Hỗ trợ 3G</td>
                @if (Model.C3G == true)
                {
                    <td>Có</td>
                }
                else
                { 
                    <td>Không</td>
                }
            </tr>
            <tr>
                <td class="td-label">Trình duyệt web</td>
                <td>@Model.TrinhDuyetWeb</td>
            </tr>
            <tr>
                <td class="td-label">GPS</td>
                @if (Model.GPS == true)
                {
                    <td>Có</td>
                }
                else
                { 
                    <td>Không</td>
                }
            </tr>
            <tr>
                <td class="td-label">Bluetooth</td>
                @if (Model.Bluetooth == true)
                {
                    <td>Có</td>
                }
                else
                { 
                    <td>Không</td>
                }
            </tr>
            <tr>
                <td class="td-label">Wifi</td>
                @if (Model.Wifi == true)
                {
                    <td>Có</td>
                }
                else
                { 
                    <td>Không</td>
                }
            </tr>
            <tr>
                <td class="td-label">Hồng ngoại</td>
                @if (Model.HongNgoai == true)
                {
                    <td>Có</td>
                }
                else
                { 
                    <td>Không</td>
                }
            </tr>
            <tr>
                <td class="td-label">Kết nối Usb</td>
                <td>@Model.USB</td>
            </tr>
            <!--Giải trí & đa phương tiện-->
            <tr>
                <th rowspan="6" class="th-group">Giải trí & đa phương tiện</th>
            </tr>
            <tr>
                <td class="td-label">Máy ảnh chính</td>
                <td>@Model.MayAnhChinh</td>
            </tr>
            <tr>
                <td class="td-label">Máy ảnh phụ</td>
                <td>@Model.MayAnhPhu</td>
            </tr>
            <tr>
                <td class="td-label">Nghe nhạc định dạng</td>
                <td>@Model.DinhDangNhac</td>
            </tr>
            <tr>
                <td class="td-label">Xem phim định dạng</td>
                <td>@Model.DinhDangPhim</td>
            </tr>
            <tr>
                <td class="td-label">Hỗ trợ radio</td>
                @if (Model.Radio == true)
                {
                    <td>Có</td>
                }
                else
                { 
                    <td>Không</td>
                }
            </tr>
            <!--Ứng dụng & các tính năng khác-->
            <tr>
                <th rowspan="4" class="th-group">Ứng dụng & các tính năng khác</th>
            </tr>
            <tr>
                <td class="td-label">Ứng dụng</td>
                <td>@Model.UngDung</td>
            </tr>
            <tr>
                <td class="td-label">Hỗ trợ java</td>
                @if (Model.HoTroJava == true)
                {
                    <td>Có</td>
                }
                else
                { 
                    <td>Không</td>
                }
            </tr>
            <tr>
                <td class="td-label">Hỗ trợ nhiều sim</td>
                @if (Model.HoTroNhieuSim == true)
                {
                    <td>Có</td>
                }
                else
                { 
                    <td>Không</td>
                }
            </tr>
            <!--Thông tin chung-->
            <tr>
                <th rowspan="7" class="th-group">Thông tin chung</th>
            </tr>
            <tr>
                <td class="td-label">Kiểu dáng điện thoại</td>
                <td>@if (Model.MaKieuDang != null)
                    {
                        @Model.KieuDang.TenKieuDang
                    }
                </td>
            </tr>
            <tr>
                <td class="td-label">Hệ điều hành</td>
                <td>@Model.HeDieuHanh</td>
            </tr>
            <tr>
                <td class="td-label">Chip xử lý (CPU)</td>
                <td>@Model.Chip</td>
            </tr>
            <tr>
                <td class="td-label">RAM</td>
                <td>@Model.RAM</td>
            </tr>
            <tr>
                <td class="td-label">Ngôn ngữ hỗ trợ</td>
                <td>@Model.NgonNgu</td>
            </tr>
            <tr>
                <td class="td-label">Loại bàn phím</td>
                <td>@if (Model.MaLoaiBanPhim != null)
                    {
                        @Model.LoaiBanPhim.TenLoaiBanPhim
                    }
                </td>
            </tr>
            <!--Pin-->
            <tr>
                <th rowspan="2" class="th-group">Pin</th>
            </tr>
            <tr>
                <td class="td-label">Dung lượng pin</td>
                <td>@Model.Pin</td>
            </tr>
        </table>
    </div>                             
</div>
<div class="group-tiles">
    <span class="group-name">Ảnh sản phẩm</span>
    @{
        var ListImg = Model.AnhSanPhams.ToList();
    }
    @if (ListImg.Count > 0)
    { 
        <div class="column column-2">
            <div class="large-tiles invi-tiles">
                <img class="img-of-tiles" id="img-full" src="@ListImg[0].Anh" /> 
            </div>
        </div>
        <div class="column">
            <div class="contain-tiles tiles scroll-enable">
                @foreach (var Item in ListImg)
                { 
                    <div class="medium-tiles tiles">
                        <img class="img-of-tiles img-thumb full-img-tiles" src="@Item.Anh" />
                    </div>
                }           
            </div>   
        </div>
    }
    else
    { 
        <div class="column column-2">
            <div class="large-tiles tiles">
                <b class="Mess-No-Item">Hiện chưa có thêm ảnh về sản phẩm này</b>
            </div>
            <div class="medium-tiles invi-tiles"></div>
        </div>
    }
    
</div>
<div class="group-tiles">
    <span class="group-name">Phụ kiện tương thích</span>
    @{
        var ListPK = Model.SanPhamPK.ToList();
    }
    @if (ListPK.Count > 0)
    { 
        <div class="column column-2">
            <div class="large-tiles tiles">
                <div class="amazingslider-2" style="display:block;position:relative;margin:0 auto 32px;">
                    <ul class="amazingslider-slides" style="display:none;">
                        @foreach (var Item in ListPK)
                        { 
                            <li><a href="@Url.Action("CT_SanPham", "San_Pham", new { ID = Item.MaSanPham.Trim() })"><img src="@Item.AnhDaiDien" alt="@Item.TenSanPham" /></a></li>
                        }
                    </ul>
                </div>
            </div>
            <div class="medium-tiles tiles"></div>
            <div class="medium-tiles tiles"></div>
        </div>
        <div class="column">
            <div class="contain-tiles tiles scroll-enable no-hover">
                @for (int i = 0; i < ListPK.Count; i++)
                {
                    <div class="wide-tiles tiles">
                        <span class="title-tiles">@ListPK[i].TenSanPham</span>
                        <img class="img-product" src="@ListPK[i].AnhDaiDien" />
                        <div class="basic-info">
                            <ul>
                                <li>Tình trạng: @ListPK[i].TinhTrang.TenTinhTrang</li>
                                <li>Bảo hành: @ListPK[i].BaoHanh</li>
                                <li>Loại phụ kiện: @ListPK[i].DanhMucSanPham.TenDanhMuc</li>
                                <li>Giá bán: @ListPK[i].DonGia.ToString("n0") VND</li>
                            </ul>
                        </div>
                        <div class="wide-tiles tiles-hover">
                            <a href="@Url.Action("CT_SanPham", "San_Pham", new { ID = ListPK[i].MaSanPham.Trim() })"><img class="detail-view" src="/Images/ImgPage/2c_info.png" title="Xem chi tiết" /></a>
                            <a href="@Url.Action("Dat_Hang", "San_Pham", new { ID = ListPK[i].MaSanPham.Trim() })"><img class="add-cart" src="/Images/ImgPage/Very-Basic-Plus-icon.png" title="Thêm giỏ hàng" /></a>
                        </div>
                    </div>
                }
            </div>
        </div>        
    }
    else
    { 
        <div class="column column-2">
            <div class="large-tiles tiles">
                <b class="Mess-No-Item">Hiện chưa có phụ kiện tương thích với sản phẩm này</b>
            </div>
            <div class="medium-tiles invi-tiles"></div>
        </div>
    }
    
</div>
<div class="group-tiles">
    <span class="group-name">Ý kiến khách hàng</span>
    <div id="comment-view" data-id="@Model.MaSanPham.Trim()">
        @{Html.RenderAction("Binh_Luan", "Ajax", new { ID = Model.MaSanPham.Trim() });}
    </div>
</div>
<div class="group-tiles">
    <span class="group-name">Sản phẩm cùng hãng</span>
    @{
        var ListSP_CH = Model.DanhMucSanPham.SanPhams.Where(m => m.Publish == true && !m.MaSanPham.Equals(Model.MaSanPham)).Take(8).ToList();
    }
    @if (ListSP_CH.Count > 0)
    { 
        <div class="column column-2">
            <div class="large-tiles tiles">           
                <div class="amazingslider-2" style="display:block;position:relative;margin:0 auto 32px;">
                    <ul class="amazingslider-slides" style="display:none;">
                        @foreach (var Item in ListSP_CH)
                        { 
                            <li><a href="@Url.Action("CT_SanPham", "San_Pham", new { ID = Item.MaSanPham.Trim() })"><img src="@Item.AnhDaiDien" alt="@Item.TenSanPham" /></a></li>
                        }
                    </ul>
                </div>
            </div>
            <div class="medium-tiles tiles"></div>
            <div class="medium-tiles tiles"></div>
        </div>
                        for (int i = 0; i < ListSP_CH.Count; i++)
                        {
                            if (i % 3 == 0)
                            { 
                @Html.Raw("<div class=\"column\">")
                            }          
            <div class="wide-tiles tiles">
                <span class="title-tiles">@ListSP_CH[i].TenSanPham</span>
                <img class="img-product" src="@ListSP_CH[i].AnhDaiDien" />
                <div class="basic-info">
                    <ul>
                        <li>Tình trạng: @ListSP_CH[i].TinhTrang.TenTinhTrang</li>
                        <li>Bảo hành: @ListSP_CH[i].BaoHanh</li>
                        <li>Quà tặng: @ListSP_CH[i].QuaTang</li>
                        <li>Giá bán: @ListSP_CH[i].DonGia.ToString("n0") VND</li>
                    </ul>
                </div>
                <div class="wide-tiles tiles-hover">
                    <a href="@Url.Action("CT_SanPham", "San_Pham", new { ID = ListSP_CH[i].MaSanPham.Trim() })"><img class="detail-view" src="/Images/ImgPage/2c_info.png" title="Xem chi tiết" /></a>
                    <a href="@Url.Action("Dat_Hang", "San_Pham", new { ID = ListSP_CH[i].MaSanPham.Trim() })"><img class="add-cart" src="/Images/ImgPage/Very-Basic-Plus-icon.png" title="Thêm giỏ hàng" /></a>
                </div>
            </div>
                            if (i % 3 == 2 || i == ListSP_CH.Count - 1)
                            { 
                @Html.Raw("</div>")
                            }
                        }
    }
    else
    { 
        <div class="column column-2">
            <div class="large-tiles tiles">
                <b class="Mess-No-Item">Hiện không có sản phẩm nào khác của danh mục @Model.DanhMucSanPham.TenDanhMuc</b>
            </div>
            <div class="medium-tiles invi-tiles"></div>
        </div>
    }
</div>
<div class="group-tiles">
    <span class="group-name">Sản phẩm đồng giá</span>
    @{
        SnongPhoneShop.Models.SnongPhoneShopEntities db = new SnongPhoneShop.Models.SnongPhoneShopEntities();
        var ListSP_DG = db.SanPhams.Where(m => m.DonGia <= (Model.DonGia + 1000000) && m.DonGia >= (Model.DonGia - 1000000) && !m.MaSanPham.Equals(Model.MaSanPham) && m.Publish == true && m.DanhMucSanPham.Publish == true && m.DanhMucSanPham.MaLoaiDanhMuc == 1).Take(8).ToList();
    }
    @if (ListSP_DG.Count > 0)
    { 
        <div class="column column-2">
            <div class="large-tiles tiles">           
                <div class="amazingslider-2" style="display:block;position:relative;margin:0 auto 32px;">
                    <ul class="amazingslider-slides" style="display:none;">
                        @foreach (var Item in ListSP_DG)
                        { 
                            <li><a href="@Url.Action("CT_SanPham", "San_Pham", new { ID = Item.MaSanPham.Trim() })"><img src="@Item.AnhDaiDien" alt="@Item.TenSanPham" /></a></li>
                        }
                    </ul>
                </div>
            </div>
            <div class="medium-tiles tiles"></div>
            <div class="medium-tiles tiles"></div>
        </div>
                        for (int i = 0; i < ListSP_DG.Count; i++)
                        {
                            if (i % 3 == 0)
                            { 
                @Html.Raw("<div class=\"column\">")
                            }          
            <div class="wide-tiles tiles">
                <span class="title-tiles">@ListSP_DG[i].TenSanPham</span>
                <img class="img-product" src="@ListSP_DG[i].AnhDaiDien" />
                <div class="basic-info">
                    <ul>
                        <li>Tình trạng: @ListSP_DG[i].TinhTrang.TenTinhTrang</li>
                        <li>Bảo hành: @ListSP_DG[i].BaoHanh</li>
                        <li>Quà tặng: @ListSP_DG[i].QuaTang</li>
                        <li>Giá bán: @ListSP_DG[i].DonGia.ToString("n0") VND</li>
                    </ul>
                </div>
                <div class="wide-tiles tiles-hover">
                    <a href="@Url.Action("CT_SanPham", "San_Pham", new { ID = ListSP_DG[i].MaSanPham.Trim() })"><img class="detail-view" src="/Images/ImgPage/2c_info.png" title="Xem chi tiết" /></a>
                    <a href="@Url.Action("Dat_Hang", "San_Pham", new { ID = ListSP_DG[i].MaSanPham.Trim() })"><img class="add-cart" src="/Images/ImgPage/Very-Basic-Plus-icon.png" title="Thêm giỏ hàng" /></a>
                </div>
            </div>
                            if (i % 3 == 2 || i == ListSP_DG.Count - 1)
                            { 
                @Html.Raw("</div>")
                            }
                        }
    }
    else
    { 
        <div class="column column-2">
            <div class="large-tiles tiles">
                <b class="Mess-No-Item">Hiện không có sản phẩm nào có cùng khoảng giá @Model.DonGia.ToString("n0") VNĐ</b>
            </div>
            <div class="medium-tiles invi-tiles"></div>
        </div>
    }
</div>
<div id="Bg-Popup">
    <div id="Popup-Compare">
        <div class="ChoosePhone">
            <span>Chọn điện thoại để so sánh: </span>
            <span>
                @Html.DropDownList("ListCatalog", "---Chọn nhà sản xuất---")
                <select id="ListPhone" style="width:150px"></select>
            </span>
            <span><button id="btt-compare">So sánh</button></span>
            <span id="close-btt"><a href="#" onclick="ClosePopup();return false;"></a></span>
        </div>
        <div class="Compare-Table scroll-enable">
            <table border="1" style="border-collapse:collapse; margin:10px auto;">
                <tr style="height:50px;">
                    <th colspan="2" class="Group">Điện thoại</th>
                    <th class="Group">@Model.TenSanPham</th>
                    <th class="Group" id="TenSanPham"></th>
                </tr>
                <!--Thông tin cơ bản-->
                <tr>
                    <th rowspan="7" class="Group">Thông tin cơ bản</th>
                </tr>
                <tr>
                    <td class="Label">Ảnh sản phẩm</td>
                    <td><img src="@Model.AnhDaiDien" /></td>
                    <td id="AnhDaiDien" class="Data"></td>
                </tr>
                <tr>
                    <td class="Label">Giá bán</td>
                    <td>@Model.DonGia.ToString("n0") VNĐ</td>
                    <td id="DonGia" class="Data"></td>
                </tr>
                <tr>
                    <td class="Label">Tính năng nổi bật</td>
                    <td>@Model.TinhNangNoiBat</td>
                    <td id="TinhNangNoiBat" class="Data"></td>
                </tr>
                <tr>
                    <td class="Label">Trạng thái phát hành</td>
                    <td>@if(Model.MaTrangThaiPhatHanh != null){
                            @Model.TrangThaiPhatHanh.TenTrangThai
                        }
                    </td>
                    <td id="TrangThaiPhatHanh" class="Data"></td>
                </tr>
                <tr>
                    <td class="Label">Ngày phát hành</td>
                    <td>@Model.NgayPhatHanh</td>
                    <td id="NgayPhatHanh" class="Data"></td>
                </tr>
                <tr>
                    <td class="Label">Băng tần hỗ trợ</td>
                    <td>@Model.BangTan</td>
                    <td id="BangTan" class="Data"></td>
                </tr>
                <!--Kích thước và khối lượng-->
                <tr>
                    <th rowspan="5" class="Group">Kích thước và khối lượng</th>
                </tr>
                <tr>
                    <td class="Label">Chiều dài (mm)</td>
                    <td>@Model.ChieuDai</td>
                    <td id="ChieuDai" class="Data"></td>
                </tr>
                <tr>
                    <td class="Label">Chiều rộng (mm)</td>
                    <td>@Model.ChieuRong</td>
                    <td id="ChieuRong" class="Data"></td>
                </tr>
                <tr>
                    <td class="Label">Chiều cao (mm)</td>
                    <td>@Model.ChieuCao</td>
                    <td id="ChieuCao" class="Data"></td>
                </tr>
                <tr>
                    <td class="Label">Khối lượng (g)</td>
                    <td>@Model.TrongLuong</td>
                    <td id="TrongLuong" class="Data"></td>
                </tr>
                <!--Màn hình và hiển thị-->
                <tr>
                    <th rowspan="6" class="Group">Màn hình và hiển thị</th>
                </tr>
                <tr>
                    <td class="Label">Kiểu màn hình</td>
                    <td>@if(Model.MaKieuManHinh != null){
                            @Model.KieuManHinh.TenKieuManHinh
                        }
                    </td>
                    <td id="KieuManHinh" class="Data"></td>
                </tr>
                <tr>
                    <td class="Label">Kích thước màn hình</td>
                    <td>@Model.KichThuocManHinh</td>
                    <td id="KichThuocManHinh" class="Data"></td>
                </tr>
                <tr>
                    <td class="Label">Độ phân giải màn hình</td>
                    <td>@Model.DoPhanGiai</td>
                    <td id="DoPhanGiai" class="Data"></td>
                </tr>
                <tr>
                    <td class="Label">Cảm ứng</td>
                    <td>@if(Model.MaCamUng != null){
                            @Model.CamUng.TenCamUng
                        }
                    </td>
                    <td id="CamUng" class="Data"></td>
                </tr>
                <tr>
                    <td class="Label">Tính năng khác</td>
                    <td>@Model.TinhNangKhac</td>
                    <td id="TinhNangKhac" class="Data"></td>
                </tr>
                <!--Nhạc chuông-->
                <tr>
                    <th rowspan="4" class="Group">Nhạc chuông</th>
                </tr>
                <tr>
                    <td class="Label">Báo cuộc gọi, tin nhắn</td>
                    <td>@Model.AmBao</td>
                    <td id="AmBao" class="Data"></td>
                </tr>
                <tr>
                    <td class="Label">Jack cắm audio</td>
                    @if (Model.JackAudio == true)
                    {
                        <td>Có</td>
                    }
                    else { 
                        <td>Không</td>
                    }
                    <td id="JackAudio" class="Data"></td>
                </tr>
                <tr>
                    <td class="Label">Loa ngoài</td>
                    @if (Model.LoaNgoai == true)
                    {
                        <td>Có</td>
                    }
                    else { 
                        <td>Không</td>
                    }
                    <td id="LoaNgoai" class="Data"></td>
                </tr>
                <!--Lưu trữ và bộ nhớ-->
                <tr>
                    <th rowspan="4" class="Group">Lưu trữ và bộ nhớ</th>
                </tr>
                <tr>
                    <td class="Label">Danh bạ có thể lưu trữ</td>
                    <td>@Model.DanhBaLuuTru</td>
                    <td id="DanhBaLuuTru" class="Data"></td>
                </tr>
                <tr>
                    <td class="Label">Bộ nhớ trong</td>
                    <td>@Model.BoNhoTrong</td>
                    <td id="BoNhoTrong" class="Data"></td>
                </tr>
                <tr>
                    <td class="Label">Hỗ trợ thẻ nhớ</td>
                    <td>@Model.HoTroTheNho</td>
                    <td id="HoTroTheNho" class="Data"></td>
                </tr>
                <!--Dữ liệu & kết nối-->
                <tr>
                    <th rowspan="10" class="Group">Dữ liệu & kết nối</th>
                </tr>
                <tr>
                    <td class="Label">Mạng GPRS</td>
                    @if (Model.GPRS == true)
                    {
                        <td>Có</td>
                    }
                    else { 
                        <td>Không</td>
                    }
                    <td id="GPRS" class="Data"></td>
                </tr>
                <tr>
                    <td class="Label">Mạng EDGE</td>
                    @if (Model.EDGE == true)
                    {
                        <td>Có</td>
                    }
                    else { 
                        <td>Không</td>
                    }
                    <td id="EDGE" class="Data"></td>
                </tr>
                <tr>
                    <td class="Label">Hỗ trợ 3G</td>
                    @if (Model.C3G == true)
                    {
                        <td>Có</td>
                    }
                    else { 
                        <td>Không</td>
                    }
                    <td id="C3G" class="Data"></td>
                </tr>
                <tr>
                    <td class="Label">Trình duyệt web</td>
                    <td>@Model.TrinhDuyetWeb</td>
                    <td id="TrinhDuyetWeb" class="Data"></td>
                </tr>
                <tr>
                    <td class="Label">GPS</td>
                    @if (Model.GPS == true)
                    {
                        <td>Có</td>
                    }
                    else { 
                        <td>Không</td>
                    }
                    <td id="GPS" class="Data"></td>
                </tr>
                <tr>
                    <td class="Label">Bluetooth</td>
                    @if (Model.Bluetooth == true)
                    {
                        <td>Có</td>
                    }
                    else { 
                        <td>Không</td>
                    }
                    <td id="Bluetooth" class="Data"></td>
                </tr>
                <tr>
                    <td class="Label">Wifi</td>
                    @if (Model.Wifi == true)
                    {
                        <td>Có</td>
                    }
                    else { 
                        <td>Không</td>
                    }
                    <td id="Wifi" class="Data"></td>
                </tr>
                <tr>
                    <td class="Label">Hồng ngoại</td>
                    @if (Model.HongNgoai == true)
                    {
                        <td>Có</td>
                    }
                    else { 
                        <td>Không</td>
                    }
                    <td id="HongNgoai" class="Data"></td>
                </tr>
                <tr>
                    <td class="Label">Kết nối Usb</td>
                    <td>@Model.USB</td>
                    <td id="USB" class="Data"></td>
                </tr>
                <!--Giải trí & đa phương tiện-->
                <tr>
                    <th rowspan="6" class="Group">Giải trí & đa phương tiện</th>
                </tr>
                <tr>
                    <td class="Label">Máy ảnh chính</td>
                    <td>@Model.MayAnhChinh</td>
                    <td id="MayAnhChinh" class="Data"></td>
                </tr>
                <tr>
                    <td class="Label">Máy ảnh phụ</td>
                    <td>@Model.MayAnhPhu</td>
                    <td id="MayAnhPhu" class="Data"></td>
                </tr>
                <tr>
                    <td class="Label">Nghe nhạc định dạng</td>
                    <td>@Model.DinhDangNhac</td>
                    <td id="DinhDangNhac" class="Data"></td>
                </tr>
                <tr>
                    <td class="Label">Xem phim định dạng</td>
                    <td>@Model.DinhDangPhim</td>
                    <td id="DinhDangPhim" class="Data"></td>
                </tr>
                <tr>
                    <td class="Label">Hỗ trợ radio</td>
                    @if (Model.Radio == true)
                    {
                        <td>Có</td>
                    }
                    else { 
                        <td>Không</td>
                    }
                    <td id="Radio" class="Data"></td>
                </tr>
                <!--Ứng dụng & các tính năng khác-->
                <tr>
                    <th rowspan="4" class="Group">Ứng dụng & các tính năng khác</th>
                </tr>
                <tr>
                    <td class="Label">Ứng dụng</td>
                    <td>@Model.UngDung</td>
                    <td id="UngDung" class="Data"></td>
                </tr>
                <tr>
                    <td class="Label">Hỗ trợ java</td>
                    @if (Model.HoTroJava == true)
                    {
                        <td>Có</td>
                    }
                    else { 
                        <td>Không</td>
                    }
                    <td id="HoTroJava" class="Data"></td>
                </tr>
                <tr>
                    <td class="Label">Hỗ trợ nhiều sim</td>
                    @if (Model.HoTroNhieuSim == true)
                    {
                        <td>Có</td>
                    }
                    else { 
                        <td>Không</td>
                    }
                    <td id="HoTroNhieuSim" class="Data"></td>
                </tr>
                <!--Thông tin chung-->
                <tr>
                    <th rowspan="7" class="Group">Thông tin chung</th>
                </tr>
                <tr>
                    <td class="Label">Kiểu dáng điện thoại</td>
                    <td>@if(Model.MaKieuDang != null){
                            @Model.KieuDang.TenKieuDang
                        }
                    </td>
                    <td id="KieuDang" class="Data"></td>
                </tr>
                <tr>
                    <td class="Label">Hệ điều hành</td>
                    <td>@Model.HeDieuHanh</td>
                    <td id="HeDieuHanh" class="Data"></td>
                </tr>
                <tr>
                    <td class="Label">Chip xử lý (CPU)</td>
                    <td>@Model.Chip</td>
                    <td id="Chip" class="Data"></td>
                </tr>
                <tr>
                    <td class="Label">RAM</td>
                    <td>@Model.RAM</td>
                    <td id="RAM" class="Data"></td>
                </tr>
                <tr>
                    <td class="Label">Ngôn ngữ hỗ trợ</td>
                    <td>@Model.NgonNgu</td>
                    <td id="NgonNgu" class="Data"></td>
                </tr>
                <tr>
                    <td class="Label">Loại bàn phím</td>
                    <td>@if(Model.MaLoaiBanPhim != null){
                            @Model.LoaiBanPhim.TenLoaiBanPhim
                        }
                    </td>
                    <td id="LoaiBanPhim" class="Data"></td>
                </tr>
                <!--Pin-->
                <tr>
                    <th rowspan="2" class="Group">Pin</th>
                </tr>
                <tr>
                    <td class="Label">Dung lượng pin</td>
                    <td>@Model.Pin</td>
                    <td id="Pin" class="Data"></td>
                </tr>
            </table>
        </div>
        <script type="text/javascript">
            $("#ListCatalog").change(function () {
                $("#ListPhone").empty();
                var id_dm = $("#ListCatalog").val();
                var id_sp = "@Model.MaSanPham";
                $.getJSON("/Ajax/GetListPhoneByCatalogID", { ID_DM: id_dm, ID_SP: id_sp }, function (data) {
                    $.each(data, function (i, item) {
                        $("#ListPhone").append("<option value=\"" + item.MaSanPham.trim() + "\">" + item.TenSanPham);
                    });
                });
            });
        </script>
    </div>
</div>